<template>
     <div class="jx-big">    
         <div class="jx-info">
            <h3 class="fl">问题反馈</h3>
        </div>
        <div class="forms">
           <div class="fl forms-left">
                <el-form ref="form" :model="form">
                    <el-form-item label="问题说明">
                        <el-input type="textarea" v-model="form.content" @input="dataInput" :rows="9"> </el-input>
                        <p style=" position:absolute;  right: -65px; bottom: 3px;">{{form.num}}/500</p>
                    </el-form-item>
                    <el-form-item>
                        <div class="button-style save" @click="save()">保 存</div>
                    </el-form-item>
                </el-form>
           </div>
            <div class="fl forms-right">
                <div class="forms-right-img"> 
                    <img src="./../../../assets/images/code.jpg"  class="img"/>
                </div>
                <p>请扫码关注公共账号反馈问题</p>
           </div>
        </div>
    </div>
</template>

<script>
    export default {
        data () {
            return {
                form:{
                    content:'',
                    num:500,
                }
            }
        },
        methods: {
            //保存
            save(){
               //保存后清空数据
            }
        }
    }
</script>

<style lang="scss" scoped>
@import "./../../../styles/layout/color_variables";
.jx-big {
    padding-left: 50px;
    padding-top: 20px;
    .jx-info{
        overflow: hidden;
        &>h3{
            height: 32px;
            line-height: 32px;
            font-size: $fs18
        }
    }
    .forms{
        margin: 28px 0;
        .savefn{
            margin:20px 30px 20px 0;
        }
        .forms-left{
           width: 420px;
        }
        .forms-right{
             width: 220px;
             margin-left: 110px;
             margin-top: 20px;
             text-align: center;
            .forms-right-img{
                box-sizing: border-box;
                border: 1px solid $border-gray;
                    .img{
                        width: 200px;
                        height: 200px;
                    }
            }
            &>p{
                 line-height: 40px;
             }
        }
    }
}
</style>